<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<% 
	String realPath = request.getContextPath();  
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>详情</title>
    <link type="text/css" href="<%=realPath%>/zenithsun/news/mobile/css/basic.css" rel="stylesheet">
    <link type="text/css" href="<%=realPath%>/zenithsun/news/mobile/css/index.css" rel="stylesheet">
	
    <script type="text/javascript" src="<%=realPath%>/baseNew/plugins/jQuery/jQuery-2.2.0.min.js"></script>
	<script src="http://connect.qq.com/widget/loader/loader.js" widget="shareqq" charset="utf-8"></script>
</head>
<body>
<header class="news-hd">
    <div class="mod-back-btn fn-fl" id='backPrevPage'><i class="i-topPoint"></i></div>
    <div class="mod-header-txt fn-fl fn-wto">${news.title}</div>
	<div class="mod-back-btn fn-fr j-share"><i class="i-ellips">●●●</i></div>
</header>
<!--内容模块-->
<section class="news-content">
    <header class="news-content-hd">
        <div class="news-hd-info clearfix">
            <p class="fn-fl fn-wto font-c-blue">南网传媒工会管理员</p>
            <p class="fn-fr fn-wto">阅读: <span class="font-c-green">${news.pageViewCounter+1}</span></p>
        </div>
        <div class="news-hd-info clearfix">
            <p class="fn-fl fn-wto">来源：<span class="font-c-blue">${news.publishGroup}</span></p>
            <p class="fn-fr fn-wto"><fmt:formatDate value="${news.publishTime}" pattern="yyyy-MM-dd" /></p>
        </div>
    </header>
    <article class="newsInfo">
		${news.content}
        <p>
            <span class="mr10">编辑/${news.editor}  </span><span class="mr10">摄影/${news.photographer} </span>
        </p>
    </article>
</section>
<!--S:分享-->
<div class="share-pop"></div>
<section class="mod-share">
    <div class="mod-share-grid">
        <header>分享到</header>
        <div class="mod-share-bd">
            <ul class="clearfix">
				<li class="fn-fl">
                    <a href="#" target="_blank" id="qqFriend">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-qq.png" /></em>
                        <span>QQ好友</span>
                    </a>
				</li>
				<li class="fn-fl">
                    <a href="#" target="_blank" id="sina">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-sina.png" /></em>
                        <span>新浪微博</span>
                    </a>
                </li>
				<li class="fn-fl">
                    <a href="#" target="_blank" id="qqMicroBlog">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-tqq.png" /></em>
                        <span>腾讯微博</span>
                    </a>
                </li>
                <li class="fn-fl">
                    <a href="#" target="_blank" id="qqzone">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-zqq.png" /></em>
                        <span>QQ空间</span>
                    </a>
                </li>
                <li class="fn-fl">
                    <a href="#">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-wx.png" /> </em>
                        <span>微信好友</span>
                    </a>
                </li>
                <li class="fn-fl">
                    <a href="#">
                        <em><img src="<%=realPath%>/zenithsun/news/mobile/images/i-wxq.png" /></em>
                        <span>微信朋友圈</span>
                    </a>
                </li>
            </ul>
        </div>

        <a href="javascript:void(0)" class="mod-share-close j-share-close">取 消</a>
    </div>
</section>
<!--E:分享-->
<script type="text/javascript" src="<%=realPath%>/zenithsun/news/mobile/js/newsinfo.js"></script>
<script>
	var realPath="<%=realPath%>/";
	var newsInfo={title:"${news.title}",coverPath:"${newsImagePath}${news.coverPath}"};
	var share1=new ShareTip(window.location.href,newsInfo);  
    $(function(){
            $.ajax({
						type : "POST",
						url : "${pageContext.request.contextPath}/path/newsinfo/modCounter",
						data : {id:"${news.id}"},
						success : function(data) {
						}
				 });
		 //分享
        $(".j-share").click(function(){
            $(".share-pop,.mod-share").show();
            $(".mod-share").animate({bottom:"0"});
				$('#qqMicroBlog').attr('href',ShareQQMicroBlog());
				$('#qqzone').attr('href',ShareQQZone());
				$('#sina').attr('href',ShareSina());
				$('#qqFriend').attr('href',ShareQQFriend());
        });
        $(".j-share-close").click(function(){
            $(".mod-share").animate({bottom:"-90%"});
            $(".share-pop").hide();
        });
		$("#backPrevPage").click(function(){
			//window.location.href=realPath+"path/newsinfo/initnewsCol_phone?id=${news.newsColumns.id}";
			window.history.back();
		});
    });
</script>
</body>
</html>